@list: group-vote-list;

.@{list} {
  height: 100%;
  position: relative;
  overflow: hidden;
  &-top {
    height: 44 * @hd;
    line-height: 44 * @hd;
    background-color: @fill-base;
    border-bottom: @border-width-sm solid @border-color-base;
    box-sizing: border-box;
    &-cancel {
      color: @brand-primary;
      padding-left: @v-spacing-lg;
      padding-right: 8 * @hd;
    }
    &-all {
      position: absolute;
      right: 0;
      padding-right: @v-spacing-lg;
    }
  }
  &-container {
    position: absolute;
    width: 100%;
    top: @search-bar-height;
    bottom: @button-height;
    .am-list-body {
      border-top: 0;
      border-bottom: 0;
      div:not(:last-child) .am-list-line {
        border-bottom: none;
      }
      .wm-list-page-item {
        &:last-child {
          .am-list-line .am-list-content {
            padding-bottom: 0;
          }
        }
      }
    }
    &.isgroup {
      bottom: 0;
    }
  }
  &-container.showCheck {
    top: @search-bar-height + 44 * @hd;
    .@{list}-item-container {
      &-themeImage >img{
        width: 100%;
        height: 168 * @hd;
        object-fit: cover;
      }
    }
  }
  &-publish {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  &-item {
    &-header {
      display: flex;
      .am-avatar {
        margin-right: 10 * @hd;
        flex-shrink: 0;
      }
      &-userInfo {
        width: calc(~'100% -'50 * @hd);
        .user {
          width: calc(~'100% -'55 * @hd);
          >div {
            word-break: break-all;
            .createName {
              font-size: @font-size-base;
              margin-right: 10 * @hd;
              color: #4D7AD8;
              line-height: 20 * @hd;
              letter-spacing: -0.12 * @hd;
            }
            .department {
              font-size: @font-size-caption-sm;
              color: @color-text-placeholder;
            }
          }
        }
        .createTime {
          font-size: @font-size-caption-sm;
          color: @color-text-placeholder;
        }
        .state {
          position: absolute;
          top: 10 * @hd;
          right: 0;
          color: @color-text-base-inverse;
          padding: 3 * @hd 9 * @hd;
          font-size: @font-size-icontext;
          // border-top-left-radius: @radius-lg;
          // border-bottom-left-radius: @radius-lg;
          border-radius: 52 * @hd 0 0 52 * @hd;
          &.ing {
            background: #FF7D00;
          }
          &.end {
            background:#ACACAC;
          }
        }
      }
    }
    &-container {
      padding-top: 10 * @hd;
      &-theme {
        color: @color-text-paragraph;
        word-break: break-word;
      }
      &-themeImage >img{
        width: 100%;
        height: 190 * @hd;
        object-fit: cover;
      }
      &-cutoff {
        font-size: @font-size-caption-sm;
        color: @color-text-placeholder;
      }
      &-bottomInfo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 10 * @hd;
      }
      &-delete {
        padding: 6 * @hd;
        .am-icon-delete {
          color: @color-text-placeholder;
        }
      }
    }
    &-bottom {
      height: 40 * @hd;
      line-height: 40 * @hd;
      font-size: @font-size-base;
      color: @brand-primary;
      text-align: center;
      border-top: @border-width-sm solid @fill-grey-weak;
      box-sizing: border-box;
      background: @color-text-base-inverse;
      &-wrap {
        padding-bottom: @h-spacing-md;
        background: @fill-body;
        &:last-child {
          padding-bottom: 0;
        }
      }
    }
  }
}
